<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!--<meta name="view-port" content="width=device-width, initial-scale=1.0, user-scalable=no">-->
    <title>huangxinxin</title>
    <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="index.css">
    <!--实现自适应功能的代码-->
    <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=2);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]);  flex(100, 1);</script>
</head>
<body ng-app="resumeApp">
<main>
    <!--首页左侧“个人信息”区域-->
    <div class="left-side">
        <!--头像-->
        <img class="avatar" src="img/avatar.jpg" alt="me">
        <!--姓名-->
        <div class="name">黄鑫鑫</div>
        <!--github和博客-->
        <p class="github-blog">
            <span class="fa fa-github"></span>
            <a class="pad-left1" href="https://github.com/YibaiLin">github</a>
            <span class="fa fa-rss pad-left1"></span>
            <a class="pad-left1" href="http://yibailin.cn">blog</a>
        </p>
        <!--学校、手机号码、邮箱-->
        <ul class="about-me">
            <li class="University file">
                <span class="fa fa-university"></span>
                <span style="padding-left: 0.1rem;">合肥工业大学</span>
            </li>
            <li class="Telephone file">
                <span class="fa fa-phone"></span>
                <span style="padding-left: 0.15rem;">183-1725-9701</span>
            </li>
            <li class="Email file">
                <span class="fa fa-envelope-o"></span>
                <a class="pad-left1" href="https://mail.google.com">linyibai23@gmail.com</a>
            </li>
        </ul>
        <!--PDF版简历下载-->
        <button class="download"><a  href="src/黄鑫鑫--简历.pdf">PDF版简历下载</a></button>
    </div>

    <!--首页右侧“简历主要内容”区域-->
    <div class="right-side">
        <div class="profile-nav">
            <nav class="underline-nav">
                <a class="underline-nav-item selected" href="#!/">作品</a>
                <a class="underline-nav-item" href="#!/technology-stack">技术栈</a>
                <a class="underline-nav-item" href="#!/study-experience">教育经历</a>
                <a class="underline-nav-item" href="#!/work-experience">工作经历</a>
                <a class="underline-nav-item" href="#!/awards">证书</a>
            </nav>
        </div>

        <!--angular路由显示区域-->
        <div class="pos-relative">
            <div class="mt-4">
                <div ng-view></div>
            </div>
        </div>
    </div>
</main>
<script src="jquery/jquery.js"></script>
<script src="angular/angular.js"></script>
<script src="angular-route/angular-route.js"></script>
<script src="app.module.js"></script>
<script src="app.config.js"></script>
<script src="demos/demos.module.js"></script>
<script src="demos/demos.component.js"></script>
<script src="technology-stack/technology-stack.module.js"></script>
<script src="technology-stack/technology-stack.component.js"></script>
<script src="work-experience/work-experience.module.js"></script>
<script src="work-experience/work-experience.component.js"></script>
<script src="study-experience/study-experience.module.js"></script>
<script src="study-experience/study-experience.component.js"></script>
<script src="awards/awards.module.js"></script>
<script src="awards/awards.component.js"></script>
<script>
    $(document).ready(function () {
        //点击导航栏切换底部边框颜色
        $(".underline-nav-item").click(function () {
            $(".selected").removeClass("selected");
            $(this).addClass("selected");
        })
    })
</script>
</body>
</html>